<template>
	<!-- 选项卡组件 -->
		<u-subsection :list="section" :current="currentNum" @change="changeSection" class="wrap"></u-subsection>
</template>

<script>
	export default {
		props:['section'],
		data() {
			return {
				currentNum: 0
			}
		},
		methods: {
			changeSection(index){
				// console.log(index)
				this.currentNum=index;
				// console.log(this.currentNum);
				this.$emit("sectionIndex",this.currentNum)
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap{
		margin: 40rpx 0 40rpx 0;
	}
</style>
